<template>
    <van-nav-bar title="标题" />

   <sosuo></sosuo>


   <van-tabs v-model:active="active">
  <van-tab title="精选">
     <Lunbo></Lunbo>
     <hp></hp>
</van-tab>
  <van-tab title="本地">本地 </van-tab>
  <van-tab title="新车">新车 </van-tab>
  <van-tab title="原创 ">原创 </van-tab>
   <van-tab title="视频看车">视频看车 </van-tab>
  <van-tab title="导购 ">导购 </van-tab>

</van-tabs>

<p><b>热门车系</b> | 热门品牌   <span>更多车系</span></p>
<b class="niuniu">
    <p style="width: 35px; height: 30px; border:solid 1px black ;">轿车</p>
    <p style="width: 35px; height: 30px; border:solid 1px black ;">SUV</p>
    <p style="width: 35px; height: 30px; border:solid 1px black ;">MPV</p>
    <p style="width: 50px; height: 30px; border:solid 1px black ;">新能源</p>

</b>


</template>

<script setup>
import Lunbo from '@/components/lunbo.vue';
import sosuo from '@/components/sosuo.vue';
import hp from '@/components/hp.vue';

</script>

<style lang="scss" scoped>
span{
    float: right;
}
.niuniu p{
    float: left;
   display: flex;
   align-items: center;
  margin-left: 10px;
}
</style>